﻿ <style type="text/css" media="all">
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
margin:0;
padding:0;
}
 #toptools_main_nav {
background:url("{$bg_pic_url}image/nav_bj.gif") repeat-x scroll 0 0 transparent;
font-size:12px;
height:38px;
margin:0 auto 0;
position:relative;
width:950px;
z-index:300;
}

#toptools_main_nav ul {
padding:5px 0 0 16px;
}

ul, ol, li {
list-style:none outside none;
margin:0;
padding:0;
}

ul, li, h5, form, body {
margin:0;
}
img {
border:0 none;
}
 em, h1, h2, h3, h4, h5, h6, th, var {
font-style:normal;
font-weight:normal;
font-size:12px;
}

#toptools_main_nav{ background:url({$bg_pic_url}image/nav_bj.gif) repeat-x; width:950px; height:38px; margin:0px auto 0 auto;font-size:12px; position:relative; z-index:300;}	
#toptools_main_nav ul{ padding:5px 0 0 16px;}
#toptools_main_nav li{ float:left; display:inline; letter-spacing:1px; height:33px; line-height:33px; font-size:1.2em;text-align:center;}
#toptools_main_nav .ul1 li{position: relative;z-index:10;margin-right:8px}
#toptools_main_nav .ul1 a{ text-decoration:none; color:#fff; font-weight:bold; display:block; }

*html #toptools_main_nav li img{ margin:15px 0 14px 4px;}

#toptools_main_nav li.one a{ width:95px; display:block;margin-left:0px;}
#toptools_main_nav li.one a:hover{ background:url({$bg_pic_url}image/nav_school_1.jpg) no-repeat;}
.curnav{background:url({$bg_pic_url}image/nav_school_1.jpg) no-repeat;}

#toptools_main_nav li.two a{width:65px; display:block;}
#toptools_main_nav li.two_1 a{width:75px; display:block;}

#toptools_main_nav li.three a{width:50px;background:url({$bg_pic_url}image/nav_school_1.gif) no-repeat ;display:block;}
#toptools_main_nav li.four a{width:65px; background:url({$bg_pic_url}image/nav_school_2.gif) no-repeat ;display:block;}
#toptools_main_nav li.five a{width:95px; color:#000;background:url({$bg_pic_url}image/nav_school_3.gif) no-repeat ;display:block;}
#toptools_main_nav li.three_1 a{width:50px;background:url({$bg_pic_url}image/nav_school_4.gif) no-repeat ;display:block;}
#toptools_main_nav li.four_1 a{width:65px; background:url({$bg_pic_url}image/nav_school_5.gif) no-repeat ;display:block;}
#toptools_main_nav li.five_1 a{width:95px; background:url({$bg_pic_url}image/nav_school_6.gif) no-repeat ;display:block;}
#toptools_main_nav li.four_2 a{width:65px;background:url({$bg_pic_url}image/nav_school_7.gif) no-repeat ;display:block;}

#toptools_main_nav .i_n_l{ width:116px; background:#7eb41a url({$bg_pic_url}image/sub_nav_t.jpg) no-repeat left top; border:1px solid #558a00;position: absolute;left:0px; text-align:left; padding-top:6px;display: none; overflow:hidden;z-index:500; }
#toptools_main_nav .i_n_l h5 a ,  #toptools_main_nav .store-list h5 a {font-size:12px;width:116px; line-height:26px;  text-align:left; padding-left:16px; margin:2px auto 0 auto; background:url({$bg_pic_url}image/sub_nav_other.jpg) repeat-x; color:#fff; font-weight:normal; overflow:hidden; }
#toptools_main_nav .i_n_l h5 a:hover{ background:url({$bg_pic_url}image/sub_nav_cur.jpg) repeat-x; width:110px;color:#000; overflow:hidden; }


#toptools_main_nav .store-list {width:116px;background:#E12205 url({$bg_pic_url}image/store-c-bg.jpg) no-repeat left top;border:1px solid #A71D03; border-bottom:0;position:absolute;left:0px; top:31px;text-align:left;padding-top:6px;display:none;overflow:hidden;z-index:500;}
#toptools_main_nav .store-list h5 a {background:url({$bg_pic_url}image/store-a-bg.jpg) repeat-x; line-height:28px;}
#toptools_main_nav .store-list h5 a:hover {background:url({$bg_pic_url}image/bg.gif) repeat-x; color:#000;}
.store-d {background:url({$bg_pic_url}image/store-d.jpg) no-repeat;}




</style>

<script type="text/javascript">
        function displaySubMenu(li,pic) {

	    li.firstChild.style.background=pic;
        }
        function hideSubMenu(li) {

	    li.firstChild.style.background="";
        }
</script>

  	
	<div id="toptools_main_nav" >
			<ul class="ul1">
                        <!--{foreach(FIELDLIST_DATA_DEFAULT as $_key => $_value )}-->  
                            <!--{if ($_value.icon1&&$_value.icon3=='top')}-->     
                          <li <!--{if ($_key==0)}--> class="three" <!--{else if ($_key==2)}-->  class="two store-d" onmouseout="hideSubMenu(this)" onmouseover="displaySubMenu(this,'url({$bg_pic_url}image/store-on.jpg) no-repeat')"  <!--{else if ($_key==3)}--> class="two" onmouseout="hideSubMenu(this)" onmouseover="displaySubMenu(this,'url({$bg_pic_url}image/nav_school_2.gif) no-repeat')" <!--{else}--> class="one" onmouseout="hideSubMenu(this)" onmouseover="displaySubMenu(this,'url({$bg_pic_url}image/nav_school_3.gif) no-repeat')"  <!--{/if}--> >
                          <a href="{$_value.icon2}">{$_value.icon1}</a>                      
                          </li>
                            <!--{/if}--> 
				
                           <!--{/foreach}--> 
								

						<li></li>

				        <li></li>
				<div class="clear"></div>
			</ul>
		</div>